home *** CD-ROM | disk | FTP | other *** search
/ Sesame Street - Season 38 Press Kit / Sesame Street - Season 38 Press Kit CD-ROM.iso / GRAB / html / css / home.css next >
Encoding:
Cascading Style Sheet File  |  2007-06-06  |  2.2 KB  |  49 lines

  1. /* Basic styles */
  2. *{margin:0;padding:0}
  3. a img,fieldset{border:0}
  4. img,object{display:block}
  5. a,a:hover{outline:none;cursor:pointer;text-decoration:none}
  6. ul{list-style:none}
  7. td{vertical-align:top}
  8. input,textarea{padding:1px}
  9. option{padding:1px .5em 0 2px}
  10. input.submit{cursor:pointer}
  11. .hide{display:none}
  12. .clear{clear:both}
  13.  
  14. /* Body,html,wrapper */
  15. html{background:#fff;}
  16. body{color:#181c29;font-family:verdana,sans-serif;font-size:11px;}
  17. #wrapper{width:649px;margin-left:38px;margin-top:20px;position:relative;height:650px;background:url('../images/home_pic.jpg') 0 40px no-repeat;position:relative;}
  18.  
  19. #header{position:relative;height:40px}
  20. #header-logo{position:absolute;top:3px;right:2px;}
  21. #header-press_room_home{position:absolute;top:26px;left:0;}
  22.  
  23. #navigation{position:absolute; top:307px;height:237px; }
  24. #navigation div{ float:left; height:237px; position: relative; }
  25. #nav-1{ width:165px; background: url('../images/home-bottom_1.jpg') 0 0 no-repeat }
  26. #nav-2{ width:165px; background: url('../images/home-bottom_2.jpg') 0 0 no-repeat }
  27. #nav-3{ width:170px; background: url('../images/home-bottom_3.jpg') 0 0 no-repeat }
  28. #nav-4{ width:170px; background: url('../images/home-bottom_4.jpg') 0 0 no-repeat }
  29.  
  30. #nav-1{ position:absolute; top:355px; left:20px }
  31. #nav-2{ position:absolute; top:355px; left:170px }
  32. #nav-3{ position:absolute; top:355px; left:330px }
  33. #nav-4{ position:absolute; top:355px; left:485px }
  34.  
  35. #nav{float:left;width:158px;padding:0 18px 0 0;}
  36. #nav ul{margin:0 0 35px;}
  37. #nav ul li{line-height:11px;width:145px;position:relative;}
  38. #nav ul li a{padding:3px 0 5px 23px;display:block;}
  39. * html #left ul li a{float:left;}
  40. #nav ul.news a{color:#e1660c;}
  41. #nav ul.news a:hover,#left ul.news a.active{background:url(../images/left-arrow_1.gif) 0 2px no-repeat;}
  42. #nav ul.show a{color:#1b7c9a;}
  43. #nav ul.show a:hover,#left ul.show a.active{background:url(../images/left-arrow_2.gif) 0 2px no-repeat;}
  44. #nav ul.scenes a{color:#cc0099;}
  45. #nav ul.scenes a:hover,#left ul.scenes a.active{background:url(../images/left-arrow_3.gif) 0 2px no-repeat;}
  46. #nav ul.more a{color:#72a115;}
  47. #nav ul.more a:hover,#left ul.more a.active{background:url(../images/left-arrow_4.gif) 0 2px no-repeat;}
  48.  
  49. .episodes{position:absolute;top:425px;left:40px;}